<!--
 * @Date: 2022-04-05 20:38:36
 * @LastEditors: sailornpg
 * @LastEditTime: 2022-04-21 17:15:33
 * @FilePath: \weibovue\src\App.vue
 * @Description: app
-->
<template>
  <div :class="modeFlag ? 'dark' : ''"><router-view></router-view></div>
</template>
<script setup lang="ts">
import { ref, provide } from "vue";
const modeFlag = ref<boolean>(false);
const getMode = (mode: boolean) => {
  modeFlag.value = mode;
};
provide("getMode", getMode);
</script>
<style lang="less">
@import "assets/styles/base.css";
@import "assets/styles/element.css";
@import "assets/styles/dark.less";
</style>
